<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="setting" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<a href="login.html"><span class="mui-icon mui-icon-left-nav"  style="color: green;"></span></a>
				</button>
				<h1 class="mui-center mui-title">设置</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 80px;">
							<li class="mui-table-view-cell">
								<a href="#" class="mui-navigate-right">修改密码</a>
							</li>

						</ul>
						<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 25px;">
							<li class="mui-table-view-cell">
								<a href="#" class="mui-navigate-right"><span class="mui-badge" style="background: transparent;">88888</span>QQ号</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#" class="mui-navigate-right"><span class="mui-badge" style="background: transparent;">13800138000</span>手机号</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#" class="mui-navigate-right"><span class="mui-badge" style="background: transparent;">未绑定</span>邮箱地址</a>

							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 25px;">
							<li class="mui-table-view-cell">
								<a href="#" class="mui-navigate-right">关于菜鸟运动</a>
							</li>
						</ul>
						<div class="" style="width: 100%; text-align: center; margin-top: 25px;">
							<button class="mui-btn" style="width: 90%; background: orangered; color: white;">退出登录</button>
						</div>

					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
	</body>

</html>